
<HTML>

<HEAD>
<TITLE>First Test of Section 2.5 of CSS1 Spec</TITLE>

<STYLE TYPE="text/css">
BODY P:first-letter { color: red }
H3:first-letter EM {color: red}
</STYLE>
</HEAD>



<BODY>

<h1 >Testing Statement #1 Below of Section 2.5 of CSS1 Spec</h1>



<ul>
<li >
1. In a contextual seletor, pseudo-elements are allowed only at the end of the
selector.
</ul>





<h2>PASS CRITERIA:
</h2>
If statement #1 above is passed, then:
<p>
<p:first-letter>
T
</p:first-letter>he
first letter of this paragraph should be red.  The remaining letters of this
paragraph should be UA-default.  All other properties should be UA-default.
The contextual selector applied is "BODY P:first-letter {color: red}", where
the pseudo-element is at the end of the selector.
</p>
<h3>
The first letter of this h3 heading (and all other letters) should be UA-default, since the pseudo-element is at the beginning of the <em>contextual(em)</em>
selector, as in "H3:first-letter EM {color: red}"
NOTE: THIS IS NOT ALLOWED
</h3>

Your browser should render this page similarly to this<a href="a251.gif">
reference image</a> or to this<a href="b251.gif">reference image</a>.
To move directly to the next test, click<a href="25-2.htm"> here</a>.
</BODY>
</HTML>
